/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.mdxCodeBlock {
  position: relative;
  margin-bottom: var(--ifm-leading);
  font-size: var(--ifm-code-font-size);
}

.mdxCodeBlock pre {
  font-size: inherit;
}

.youtube {
  margin-top: 2rem;
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 12px;
  // Clip border-radius on iframe
  border-radius: 3px;
  overflow: hidden;
}

.youtube > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blockquote {
  margin: 2rem 0;
  border-radius: 3px;
  background-color: var(--flutter-blue-primary);
  border: none;
  color: var(--white);
  padding: 2rem 2rem;

  a {
    color: var(--white);
    text-decoration: none;
    border-bottom: 1px dotted var(--white);

    &:hover {
      border-bottom: 1px solid var(--white);
    }
  }
}

.figure {
  text-align: center;
  margin: 2rem 0;

  figcaption {
    margin-top: 1rem;
    font-size: 0.9rem;
    font-style: italic;
  }
}
